(self.webpackChunklite=self.webpackChunklite||[]).push([[9355],{226:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var r=n(67294);function a(){return(a=Object.assign||function(e){for(var t=1;t{"use strict";n.d(t,{Z:()=>c});var r=n(67294);function a(){return(a=Object.assign||function(e){for(var t=1;t{"use strict";n.d(t,{S:()=>_e,x:()=>Fe});var r=n(28655),a=n.n(r),o=n(67154),c=n.n(o),l=n(63038),i=n.n(l),s=n(71439),u=n(67294),p=n(12291),d=n(965),f=n(59713),m=n.n(f),v=n(7530),h=n(28309),b=n(67122),g=n(89349);function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var y={top:"0",left:"0",width:"60px",height:"60px"},x={top:"-2px",left:"0",width:"25px",height:"36px"},O={"0%":{opacity:"0",transform:"scale(1)"},"32%":{opacity:"1"},"100%":{opacity:"0",transform:"scale(1.5)"}},C={"0%":{opacity:"0",transform:"scale(1)"},"32%":{opacity:"1",transform:"scale(1.3)"},"100%":{opacity:"0",transform:"scale(1.6)"}},w=function(e){return m()({animation:"370ms ease-out 1 ".concat(e)},(0,g.nk)("reduce"),{animationDuration:"0.1ms"})},L=function(e){var t=e?30:13;return{position:"absolute",top:"".concat(48,"%"),left:"".concat(-5,"px"),transformOrigin:"".concat(t+2+3,"px"),width:"".concat(2,"px"),height:"".concat(2,"px"),borderRadius:"50%",backgroundColor:b.u$}},k=function(e){var t=e?30:13;return{position:"absolute",top:"".concat(44,"%"),left:"".concat(-9,"px"),transformOrigin:"".concat(t+6+3,"px"),width:"0",height:"0",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",borderLeft:"".concat(6,"px solid ").concat(b.w9)}};function S(e){var t=e.isLarge,n=e.offset,r=e.onBurstEnd,a=(0,h.Iq)(),o=a(function(e){return function(e){for(var t=1;t1&&void 0!==arguments[1]&&arguments[1];return function(){return ee(ee({padding:0,outline:0,border:0,userSelect:"none",cursor:"pointer","> svg":{pointerEvents:"none"},":active":{borderStyle:e?"solid":"none"}},t?ue:null),{},{"-webkit-user-select":"none"})}},ve=!1;function he(e){var t=e.pulseOnHover,n=void 0===t||t,r=e.children,a=(0,h.Iq)();return u.createElement(v.w0,{keyframes:{pulseAnimation:re}},(function(e){var t,o=e.pulseAnimation;return u.createElement("div",{className:a([oe].concat(n?(t=o,function(e){return m()({},(0,g.nk)("no-preference"),{"::before":ee({background:"\n radial-gradient(circle, ".concat(e.baseColor.border.darker," 60%, transparent 70%)\n "),borderRadius:"50%",content:'""',display:"block",zIndex:0},ae),":hover::before":{animation:"".concat(t," 2000ms infinite cubic-bezier(.1,.12,.25,1)")}})}):ce))},r)}))}function be(e){var t=e.isSuppressed,n=e.onClick,r=(0,h.Iq)();return u.createElement("button",{className:"".concat(r([pe].concat(t?se:[]))).concat(t?"":" multi-vote-undo-revealed"),onClick:n},u.createElement(X,null))}function ge(e){var t=e.canUndo,n=void 0!==t&&t,r=e.isCircle,a=void 0!==r&&r,o=e.isFilled,l=void 0!==o&&o,s=e.isDisabled,p=void 0!==s&&s,d=e.isUndoSuppressed,f=void 0!==d&&d,v=e.scale,b=void 0===v?"L":v,E=e.onClickAndHold,y=e.onUndo,x=(0,h.Iq)(),O=a?function(e){return function(t){var n=de(e,t);return ee(ee(ee({alignItems:"center",background:t.backgroundColor,borderRadius:"50%",display:"flex",justifyContent:"center",zIndex:2},ae),n),{},m()({},(0,g.nk)("no-preference"),{transition:"fill ".concat(200,"ms ease")}))}}(p):function(e){return function(t){return de(e,t)}}(p),C=function(e){var t=e.callback,n=e.ms,r=void 0===n?300:n,a=e.callImmediately,o=void 0===a||a,c=u.useState(!1),l=i()(c,2),s=l[0],p=l[1];(0,J.Y)(t,s?r:null);var d=u.useCallback((function(e){"touchstart"===e.type&&(ve=!0),("mousedown"!==e.type||!ve&&function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:navigator.userAgent;return 0===e.button&&!((0,$.V5)(t)&&e.ctrlKey)}(e))&&(o&&t(),p(!0))})),f=u.useCallback((function(){p(!1)}));return W((function(){if(s)return document.addEventListener("mouseup",f),function(){return document.removeEventListener("mouseup",f)}}),[s]),{onMouseDown:d,onTouchStart:d,onTouchEnd:f}}({callback:E,ms:200}),w=l||p?ne[b]:te[b];return E?u.createElement(u.Fragment,null,u.createElement("button",c()({className:x([me(a,n),O])},C),w),n&&u.createElement(be,{onClick:y,isSuppressed:f})):u.createElement("div",{className:x([me(a),O].concat(M()(p?[fe]:[])))},w)}function Ee(e){var t=e.canUndo,n=e.isCircle,r=e.isFilled,a=e.isUndoSuppressed,o=e.disableReason,l=e.scale,i=e.onClickAndHold,s=e.onUndo,p=e.shouldHideClapsText,d={isFilled:r,scale:l},f={onClickAndHold:i},m=!!o;return m||p?u.createElement(z._,{tooltipText:o||"Clap",targetDistance:15},u.createElement(ge,c()({isDisabled:m},d,{onClickAndHold:m?void 0:i}))):n?u.createElement(he,{pulseOnHover:!r},u.createElement(ge,c()({isCircle:!0,canUndo:t,isUndoSuppressed:a,onUndo:s},d,f))):u.createElement(ge,c()({},d,f))}var ye=n(25665),xe={"0%":{transform:"matrix(0.97, 0, 0, 1, 0, 12)",opacity:"0"},"20%":{transform:"matrix(0.99, 0, 0, 1, 0, 2)",opacity:".7"},"40%":{transform:"matrix(1, 0, 0, 1, 0, -1)",opacity:"1"},"70%":{transform:"matrix(1, 0, 0, 1, 0, 0)",opacity:"1"},"100%":{transform:"matrix(1, 0, 0, 1, 0, 0)",opacity:"1"}},Oe={"0%":{opacity:"1",transform:"translateY(0px)"},"10%":{opacity:"1",transform:"translateY(-3px)"},"100%":{opacity:"0",transform:"translateY(-50px)"}},Ce={"0%":{transform:"scale(1)"},"15%":{transform:"scale(1.1)"},"100%":{transform:"scale(1)"}},we=function(e){return function(t){return m()({backgroundColor:t.baseColor.fill.normal,bottom:"FAR"===e?"85px":"39px",color:t.backgroundColor,borderRadius:"50%",fontSize:"15px",height:"35px",left:"FAR"===e?"12px":"-4px",lineHeight:"35px",position:"absolute",textAlign:"center",width:"35px"},(0,g.nk)("reduce"),{animationDuration:"0.1ms !important"})}},Le=function(e,t){var n=e.current;n&&(n.style.animation=t,n.scrollTop)};function ke(e){var t=e.clappedAt,n=e.count,r=e.onFloatEnd,a=e.placement,o=(0,h.Iq)(),c=u.useState(t),l=i()(c,2),s=l[0],p=l[1],d=t!==s,f=u.useRef({enter:"",exit:"",pop:""}),m=u.useRef(null),b=u.useCallback((function(e){m.current=e,e&&Le(m,"".concat(f.current.enter," ").concat("400ms ease-out"))}),[]);function g(e){var t=f.current;e.animationName===t.enter||e.animationName===t.pop?Le(m,"".concat(t.exit," ").concat("400ms ease-out 500ms")):e.animationName===t.exit&&r()}return d&&(Le(m,""),Le(m,"".concat(f.current.pop," ").concat("500ms")),p(t)),u.createElement(v.w0,{keyframes:{enter:xe,exit:Oe,pop:Ce}},(function(e){return f.current=e,u.createElement("div",{ref:b,className:o([we(a)]),onAnimationEnd:g},"+".concat(n))}))}var Se={"0%":{transform:"scale(1)"},"50%":{transform:"scale(1.1)"},"100%":{transform:"scale(1)"}};function Pe(e){var t=e.isPopping,n=void 0!==t&&t,r=e.onPopEnd,a=e.children,o=(0,h.Iq)();return u.createElement(v.w0,{keyframes:{popAnimation:Se}},(function(e){var t,c=e.popAnimation;return u.createElement("div",{className:n?o((t=c,m()({animation:"".concat(t," 500ms 1")},(0,g.nk)("reduce"),{animationDuration:"0.1ms"}))):"",onAnimationEnd:r},a)}))}var Me=n(9785),ze=n(324),je=n(62181),De=n(62630),Re=n(27572),Ue=n(65347),Ae=n(55573),Ie=n(27952);function Te(){var e=a()(["\n fragment MultiVote_post on Post {\n id\n clapCount\n creator {\n id\n ...SusiClickable_user\n }\n viewerClapCount\n isPublished\n ...SusiClickable_post\n collection {\n id\n slug\n }\n isLimitedState\n ...MultiVoteCount_post\n }\n ","\n ","\n ","\n"]);return Te=function(){return e},e}var Ne={SUBTLE:"S",SUBTLE_THREADED_RESPONSE:"S",SUBTLE_PADDED:"M",OBVIOUS:"L",SUBTLE_FOR_DESKTOP:"L"},He=function(e){var t,n=e.post,r=e.buttonStyle,a=e.hasDialog,o=e.shouldShowResponsiveLabelText,l=void 0!==o&&o,s=e.shouldHideClapsText,f=void 0!==s&&s,m=e.susiEntry,h=e.verticalClapsText,b=void 0!==h&&h,g=(0,d.CP)(),E=(0,Me.YC)().value,y=null!==(t=null==E?void 0:E.id)&&void 0!==t?t:"",x=(0,p.v9)((function(e){return{authDomain:e.config.authDomain,clapsPerPost:e.multiVote.clapsPerPost}}),p.wU),O=x.authDomain,C=x.clapsPerPost,w=(0,p.I0)(),L=u.useCallback((function(e){return w((0,Ue.at)(e))}),[w]),k=u.useCallback((function(e){return w((0,Ue.HQ)(e))}),[w]),P=u.useState(),M=i()(P,2),z=M[0],j=M[1],D=u.useState(0),R=i()(D,2),U=R[0],A=R[1],I=u.useState([]),T=i()(I,2),N=T[0],H=T[1],F=u.useState(!1),_=i()(F,2),B=_[0],K=_[1],V=u.useState(!1),Y=i()(V,2),q=Y[0],Z=Y[1],X=u.useState(0),J=i()(X,2),Q=J[0],W=J[1],$=(0,Ae.l)(C,n),G=$.clapCount,ee=$.viewerClapCount,te=$.viewerHasClappedSinceFetch,ne=(0,De.Av)(),re=(0,Re.pK)();function ae(e){H(N.filter((function(t){return t!==e})))}function oe(){g(n,y,U),A(0),ne.event("post.clientUpvote",{postId:n.id,postIds:[n.id],voteCount:U,source:re})}u.useEffect((function(){if(z&&clearTimeout(z),0!==U){var e=setTimeout(oe,500);j(e)}else j(void 0)}),[U]),u.useEffect((function(){return function(){k({postId:n.id})}}),[]);var ce,le=n.collection,ie=n.creator,se=n.id,ue=n.isPublished,pe=n.isLimitedState,de=(ce=!(!ie||ie.id!==y),pe?"This feature is temporarily disabled":ue?ce?"You cannot applaud your own story":void 0:"You cannot applaud a draft"),fe="OBVIOUS"===r,me="SUBTLE_FOR_DESKTOP"===r,ve=me||l,he=ve||fe,be=!!(ee&&ee>0),ge=!!(G&&G>0),xe=Ne[r],Oe=le&&le.slug?(0,Ie.JL)(O,le.slug,se):(0,Ie.kI)(O,se),Ce={marginRight:me?void 0:fe&&!de?"16px":"5px"},we=function(e,t){return"OBVIOUS"!==e||t?"SUBTLE_THREADED_RESPONSE"===e?{marginLeft:"0px"}:{marginLeft:"8px"}:{marginLeft:"16px"}}(r,de),Le={marginLeft:me?"7px":void 0,marginTop:me?"8px":"5px"},Se={marginRight:"8px",marginTop:"2px"};return u.createElement(v.xu,c()({display:"flex",alignItems:me?"flex-start":"center"},b&&{flexDirection:"column"}),u.createElement(v.xu,{xs:we,sm:we,md:Ce,lg:Ce,xl:Ce,position:"relative"},y||de?u.createElement(u.Fragment,null,B&&u.createElement(ze.N8,null,u.createElement(ke,{count:ee,clappedAt:Q,placement:fe?"FAR":"NEAR",onFloatEnd:function(){K(!1)}})),u.createElement(Pe,{isPopping:q,onPopEnd:function(){Z(!1)}},u.createElement(Ee,{scale:xe,canUndo:be,isCircle:fe,isFilled:be,isUndoSuppressed:N.length>0,disableReason:de,onClickAndHold:function(){for(var e=360*Math.random();-1!==N.indexOf(e);)e+=360;H(N.concat(e)),W(Date.now()),K(!0),Z(!0),ee&&ee>=50||(L({postId:n.id,clapCount:G+1,viewerClapCount:ee+1,viewerHasClappedSinceFetch:!0}),A(U+1))},onUndo:function(){ee&&(g(n,y,-ee),L({postId:n.id,clapCount:G-ee,viewerClapCount:0,viewerHasClappedSinceFetch:!0}),A(0),ne.event("post.clientUnvote",{postId:n.id,postIds:[n.id],unvoteCount:ee,source:re}))},shouldHideClapsText:f})),N.map((function(e){return u.createElement(S,{key:e,isLarge:fe,offset:e,onBurstEnd:ae})}))):u.createElement(je.R9,{operation:"register",post:n,user:n.creator,actionUrl:Oe,susiEntry:m},u.createElement(Ee,{isCircle:fe,scale:xe}))),ge&&(!B||ve)&&u.createElement(v.xu,{xs:Se,sm:Se,md:Le,lg:Le,xl:Le},u.createElement(ye._,{shouldShowNetwork:fe,post:n,clapCount:G,showFullNumber:te,hasLabel:he,hasDialog:a,shouldShowResponsiveLabelText:me||l,shouldHideClapsText:f})))},Fe=(0,s.Ps)(Te(),je.qU,je.Vm,ye.U),_e=function(e){var t;return u.createElement(Re.cW,{source:{postId:null===(t=e.post)||void 0===t?void 0:t.id},extendSource:!0},u.createElement(He,e))}},23442:(e,t,n)=>{"use strict";n.d(t,{Y:()=>a});var r=n(67294);function a(e,t){var n=r.useRef(e);function a(){n.current&&n.current()}r.useEffect((function(){n.current=e}),[e]),r.useEffect((function(){if(null!==t){var e=setInterval(a,t);return function(){clearInterval(e)}}}),[t])}}}]); //# sourceMappingURL=https://stats.medium.build/lite/sourcemaps/9355.c6c38ae6.chunk.js.map